import React from 'react';
import { YmTabs } from 'ym-design';

function YmDialogPage() {
  const [items, setItems] = React.useState([
    {
      label: 'Light',
      key: 'light',
      children: 'Light!',
      paneStyle: {},
      paneClassName: '',
      destroyInactiveTabPane: true,
      forceRender: false,
    },
    {
      label: 'Bamboo',
      key: 'bamboo',
      children: 'Bamboo!',
      destroyInactiveTabPane: false,
      forceRender: true,
    },
    {
      label: 'Cute',
      key: 'cute',
      children: 'Cute!',
      disabled: true,
    },
  ]);

  return (
    <div>
      <YmTabs
        // animated={{ inkBar: false, tabPane: false }}
        items={items}
        tabBarStyle={{ borderBottom: 'rgba(0,0,0,0.06) solid 1px' }}
      />
    </div>
  );
}

export default YmDialogPage;
